<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/b4y.css">
<title>Home</title>
<style>
</style>
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top  hidden-print">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only"></span> <i
						class="fa fa-bars fa-lg"></i>
				</button>
				<a class="navbar-brand" href="">青春加</a>
			</div>

			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li class="badge-li"><a href=""><i class="fa fa-envelope fa-1-4"></i>
					<span class="badge badge-default"> 7 </span></a></li>
					<li class="badge-li"><a href=""><i class="fa fa-bell fa-1-4"></i></a></li>
					<li class="badge-li"><a href=""><i class="fa fa-user fa-1-4"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	
	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-3 col-md-2 sidebar">
			<div class="row-fluid text-right switch-side">
				<a href="#" class="a-default"><i class="fa fa-list-ul fa-1-4"></i></a>
			</div>
          <ul class="nav nav-sidebar nav-pills nav-stacked ">
            <li class="active"><a href="dashboard.html" target="main_frame"><i class="fa fa-home"></i><span>首页-公告板</span></a></li>
            <li>
            	<a href="#" class="open" data-toggle="collapse" data-target="#resource"><i class="fa fa-eye"></i><span>资源</span></a>
            	 <ul id="resource" class="nav nav-stacked nav-pills collapse in">
                      	 <li>
                            <a href="security/resource.html" target="main_frame">
                               	 <i class="fa fa-lemon-o"></i>资源管理
                            </a>
                        </li>
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 <i class="fa fa-sitemap"></i>角色管理
                            </a>
                        </li>
                      	 <li>
                            <a href="security/user.html" target="main_frame">
                               	 <i class="fa fa-user"></i>用户管理
                            </a>
                        </li>
                  </ul>
            </li>
            <li><a href="#" class="open" data-toggle="collapse" data-target="#monitor"><i class="fa fa-umbrella"></i><span>监控</span></a>
            	<ul id="monitor" class="nav nav-stacked nav-pills collapse">
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 服务器监控
                            </a>
                        </li>
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 系统监控
                            </a>
                        </li>
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 API监控
                            </a>
                        </li>
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 服务监控
                            </a>
                        </li>
                  </ul>
            </li>
            <li><a href="#" class="open" data-toggle="collapse" data-target="#log"><i class="fa fa-history"></i><span>日志</span></a>
            	<ul id="log" class="nav nav-stacked nav-pills collapse">
                      	 <li class="">
                            <a href="security/role.html" target="main_frame">
                               	 业务日志
                            </a>
                        </li>
                      	 <li>
                            <a href="security/user.html" target="main_frame">
                               	 访问日志
                            </a>
                        </li>
                         <li>
                            <a href="security/resource.html" target="main_frame">
                               	 系统日志
                            </a>
                        </li>
                      	 <li>
                            <a href="security/user.html" target="main_frame">
                               	 数据库日志
                            </a>
                        </li>
                  </ul>
            </li>
            <li><a href="#"><i class="fa fa-line-chart"></i><span>报表</span></a></li>
            <li><a href="#"><i class="fa fa-database"></i><span>数据</span></a></li>
            <li><a href="trash/trash.html" target="main_frame"><i class="fa fa-trash"></i><span>回收站</span></a></li>
            <li class=""><a href="#"><i class="fa fa-cog"></i><span>设置</span></a></li>
             <li class=""><a href="./j_spring_security_logout"><i class="fa fa-cog"></i><span>退出</span></a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
      		<iframe name="main_frame" src="./dashboard.html" frameborder="0" style="width:100%;height:100%;"></iframe>
 		</div>
	</div>
	</div>	
	
	<script src="assets/js/jquery-1.8.3.js"></script>
	<script src="assets/js/bootstrap.js"></script>
	<script type="text/javascript">
//var currentState = history.state;
//window.history.pushState("object or string", "Title", "/new-url");
	
	$(".nav-sidebar li a:not('.open')").bind("click",function(){
		$(".nav-sidebar li.active").removeClass('active');
		$('.nav-sidebar li.parent-active').removeClass('parent-active');
		$(this).parent('li').addClass('active');
		if (!$(this).parent('li').parent('ul').hasClass('nav-sidebar')){
			$(this).parent('li').parent('ul').parent('li').addClass('parent-active');
		}
	});
	$('.switch-side a').click(function(){
		$('.sidebar').toggleClass('closedbar');
		$('.main').toggleClass('openmain');
	});
	
</script>
</body>
</html>